div.wysiwyg {
	border: 1px solid #cccccc;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 1px;
}
div.wysiwyg ul.panel {
	border-bottom: 1px solid #cccccc;
	float: left;
	width: 100%;
	padding: 0 0 0 0;
}
div.wysiwyg ul.panel li {
	list-style-type: none;
	float: left;
	margin: 1px 2px 3px 0;
	background-color: #FFFFFF;
}
div.wysiwyg ul.panel li.separator {
	height: 16px;
	margin: 0 4px;
	border-left: 1px solid #cccccc;
}
div.wysiwyg ul.panel li a {
	text-indent: -5000px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	display: block;
	width: 16px;
	height: 16px;
	background: url('../../../images/wysiwyg/jquery.wysiwyg.gif') no-repeat -64px -80px;
	border: 0;
	cursor: pointer;
	padding: 1px;
}
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {
	opacity: 1.00;
	filter: alpha(opacity=100);
}
div.wysiwyg ul.panel li a.active {
	background-color: rgb(236, 227, 227);
	border: 1px solid #cccccc;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	padding: 0;
	border-radius: 2px;
}
div.wysiwyg ul.panel li a.bold {
	background-position: 0 -16px;
}
div.wysiwyg ul.panel li a.italic {
	background-position: -16px -16px;
}
div.wysiwyg ul.panel li a.strikeThrough {
	background-position: -32px -16px;
}
div.wysiwyg ul.panel li a.underline {
	background-position: -48px -16px;
}
div.wysiwyg ul.panel li a.justifyLeft {
	background-position: 0 0;
}
div.wysiwyg ul.panel li a.justifyCenter {
	background-position: -16px 0;
}
div.wysiwyg ul.panel li a.justifyRight {
	background-position: -32px 0;
}
div.wysiwyg ul.panel li a.justifyFull {
	background-position: -48px 0;
}
div.wysiwyg ul.panel li a.indent {
	background-position: -64px 0;
}
div.wysiwyg ul.panel li a.outdent {
	background-position: -80px 0;
}
div.wysiwyg ul.panel li a.subscript {
	background-position: -64px -16px;
}
div.wysiwyg ul.panel li a.superscript {
	background-position: -80px -16px;
}
div.wysiwyg ul.panel li a.undo {
	background-position: 1px -63px
}
div.wysiwyg ul.panel li a.redo {
	background-position: -16px -64px;
	height: 13px;
}
div.wysiwyg ul.panel li a.insertOrderedList {
	background-position: -32px -47px;
	height: 15px;
}
div.wysiwyg ul.panel li a.insertUnorderedList {
	background-position: -15px -47px;
	height: 15px;
}
div.wysiwyg ul.panel li a.insertHorizontalRule {
	background-position: 1px -46px;
}
div.wysiwyg ul.panel li a.h1 {
	background-position: 0 -32px;
	width:15px;
}
div.wysiwyg ul.panel li a.h2 {
	background-position: -16px -32px;
	width:15px;
}
div.wysiwyg ul.panel li a.h3 {
	background-position: -32px -32px;
	width:15px;
}
div.wysiwyg ul.panel li a.h4 {
	background-position: -48px -32px;
	width:15px;
}
div.wysiwyg ul.panel li a.h5 {
	background-position: -64px -32px;
	width:15px;
}
div.wysiwyg ul.panel li a.h6 {
	background-position: -80px -32px;
	width:15px;
}
div.wysiwyg ul.panel li a.cut {
	background-position: -32px -64px;
	height: 15px;
	margin: 0px 2px 0px 0px;
	width: 14px;
}
div.wysiwyg ul.panel li a.copy {
	background-position: -48px -64px;
	width: 14px;
	height: 15px;
	margin-right: 3px;
}
div.wysiwyg ul.panel li a.paste {
	background-position: -64px -64px;
}
div.wysiwyg ul.panel li a.increaseFontSize {
	background-position: -16px -80px;
	width: 15px;
}
div.wysiwyg ul.panel li a.decreaseFontSize {
	background-position: -32px -80px;
	width: 15px;
}
div.wysiwyg ul.panel li a.createLink {
	background-position: -80px -48px;
}
div.wysiwyg ul.panel li a.insertImage {
	background-position: -80px -80px;
}
div.wysiwyg ul.panel li a.insertAnotation {
	background: url(../../../images/common16/annotation.png) 0px 0px no-repeat;
}
div.wysiwyg ul.panel li a.insertTable {
	background: url(../../../images/common16/table_add.png) 0px 0px no-repeat;
	margin-left: 2px;
}
div.wysiwyg ul.panel li a.html {
	background-position: -47px -48px;
	height: 14px;
	margin: 0px 3px;
}
div.wysiwyg ul.panel li a.removeFormat {
	background-position: -80px -64px;
	height: 15px;
}
div.wysiwyg ul.panel li a.empty {
	background-position: -64px -80px;
}
div.wysiwyg iframe {
	border: 0;
	clear: left;
	margin: 4px 0 0 1px;
}

/*--------------------------------------------------------------------------*/
.annotationAnchor {
	vertical-align: text-top;
	margin: 0px 3px;	
}
.annotationWrapper{
	position:relative;
	display:inline-block;
}
.annotationWrapper .annotationSummary {
	display: inline-block;
	background: rgb(244, 253, 138);
	border-radius: 3px;
	padding: 3px 0px 3px 5px;
	border: solid 1px rgb(241, 196, 196);
	width: 80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.annotationWrapper .annotationContent{
	display: none;
	position: absolute;
	background: rgb(235, 229, 229);
	border: solid 1px rgb(110, 131, 196);
	padding: 3px;
	border-radius: 3px;
	z-index: 99999999;
}
.annotationWrapper:hover .annotationContent{
	display:block;
} 
/*-------------------------------------------------------------------------*/

.tableSelectorWrapper {
	position: absolute;
	width: 300px;
	background: #ffffff;
	padding: 10px;
	border: solid 1px #AAAAAA;
	border-radius: 2px 2px 5px 5px;
}
.tableSelectorTitle {

}
.tableSelectorTable {
	margin: 3px 0px;
}
.tableSelectorWrapper table {
	border-collapse: collapse;
}
.tableSelectorWrapper table td {
	width: 20px;
	height: 20px;
	border: solid 1px #AAAAAA;
	box-shadow: 1px 1px 10px #AAAAAA;
	cursor: pointer;
}
.tableSelectorWrapper table td.selected {
	border: solid 1px rgb(53, 101, 204);
	box-shadow: 1px 1px 10px rgb(53, 101, 204);
}
/*-------------------------------------------------------------------------*/

.insertedTable {
	width: 100%;
}
.insertedTable td {
	border: solid 1px #AAAAAA;
	box-shadow: 1px 1px 10px #AAAAAA;
}
